<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../common/css/normalize.css">
    <link rel="stylesheet" href="../common/css/public.css">
    <link rel="stylesheet" href="../common/css/city-common.css">
    <link rel="stylesheet" href="../css/city/exchange.css">
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script src="../common/js/tab.js"></script>
    <script src="../common/js/baidu.js"></script>
    <title>交易所</title>
</head>

<body>
    <div class="main">
        <div class="city-logo fl"></div>
        <div class="city-content fl">
            <div class="title">
                <div class="gold-ex gold-ex-click item"></div>
                <div class="crystal-ex item"></div>
                <div class="prop-ex item"></div>
                <div class="gold item-bg">
                    <img src="../images/exchange/icon.jpg">金币:
                    <span class="num ">99999999</span>
                </div>
                <div class="crystal item-bg">
                    <img src="../images/exchange/icon06.jpg">水晶:
                    <span class="num">9999999</span>
                </div>
            </div>
            <div class="all-item clearfix">
                <div class="gold-auction city-component fl">
                    <div class="title-logo"></div>
                    <div class="gold-list prop-list">
                        <ul>
                            <li class="titles clearfix">
                                <span class="img title-item">图标</span>
                                <span class="name title-item">名称</span>
                                <span class="price title-item">价格</span>
                                <span class="num title-item">数量</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/1.gif">
                                </span>
                                <span class="name">祝福药水(大)</span>
                                <span class="price">99999999</span>
                                <span class="num">10000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/1.gif">
                                </span>
                                <span class="name">祝福药水(大)</span>
                                <span class="price">99999999</span>
                                <span class="num">10000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/3.gif">
                                </span>
                                <span class="name">涅槃兽·精灵球</span>
                                <span class="price">999999</span>
                                <span class="num">1000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/3.gif">
                                </span>
                                <span class="name">涅槃兽·精灵球</span>
                                <span class="price">999999</span>
                                <span class="num">1000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/1.gif">
                                </span>
                                <span class="name">祝福药水(大)</span>
                                <span class="price">99999999</span>
                                <span class="num">10000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/1.gif">
                                </span>
                                <span class="name">祝福药水(大)</span>
                                <span class="price">99999999</span>
                                <span class="num">10000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/3.gif">
                                </span>
                                <span class="name">涅槃兽·精灵球</span>
                                <span class="price">999999</span>
                                <span class="num">1000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/3.gif">
                                </span>
                                <span class="name">涅槃兽·精灵球</span>
                                <span class="price">999999</span>
                                <span class="num">1000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/1.gif">
                                </span>
                                <span class="name">祝福药水(大)</span>
                                <span class="price">99999999</span>
                                <span class="num">10000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/1.gif">
                                </span>
                                <span class="name">祝福药水(大)</span>
                                <span class="price">99999999</span>
                                <span class="num">10000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/3.gif">
                                </span>
                                <span class="name">涅槃兽·精灵球</span>
                                <span class="price">999999</span>
                                <span class="num">1000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/3.gif">
                                </span>
                                <span class="name">涅槃兽·精灵球</span>
                                <span class="price">999999</span>
                                <span class="num">1000</span>
                            </li>
                        </ul>
                    </div>
                    <div class="crystal-list none prop-list">
                        <ul>
                            <li class="titles clearfix">
                                <span class="img title-item">图标</span>
                                <span class="name title-item">名称</span>
                                <span class="price title-item">价格</span>
                                <span class="num title-item">数量</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/1.gif">
                                </span>
                                <span class="name">祝福药水(大)</span>
                                <span class="price">99999999</span>
                                <span class="num">10000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/1.gif">
                                </span>
                                <span class="name">祝福药水(大)</span>
                                <span class="price">99999999</span>
                                <span class="num">10000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/3.gif">
                                </span>
                                <span class="name">涅槃兽·精灵球</span>
                                <span class="price">999999</span>
                                <span class="num">1000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/3.gif">
                                </span>
                                <span class="name">涅槃兽·精灵球</span>
                                <span class="price">999999</span>
                                <span class="num">1000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/1.gif">
                                </span>
                                <span class="name">祝福药水(大)</span>
                                <span class="price">99999999</span>
                                <span class="num">10000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/1.gif">
                                </span>
                                <span class="name">祝福药水(大)</span>
                                <span class="price">99999999</span>
                                <span class="num">10000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/3.gif">
                                </span>
                                <span class="name">涅槃兽·精灵球</span>
                                <span class="price">999999</span>
                                <span class="num">1000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/3.gif">
                                </span>
                                <span class="name">涅槃兽·精灵球</span>
                                <span class="price">999999</span>
                                <span class="num">1000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/1.gif">
                                </span>
                                <span class="name">祝福药水(大)</span>
                                <span class="price">99999999</span>
                                <span class="num">10000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/1.gif">
                                </span>
                                <span class="name">祝福药水(大)</span>
                                <span class="price">99999999</span>
                                <span class="num">10000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/3.gif">
                                </span>
                                <span class="name">涅槃兽·精灵球</span>
                                <span class="price">999999</span>
                                <span class="num">1000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/3.gif">
                                </span>
                                <span class="name">涅槃兽·精灵球</span>
                                <span class="price">999999</span>
                                <span class="num">1000</span>
                            </li>
                        </ul>
                    </div>
                    <div class="auction-list none prop-list">
                        <ul>
                            <li class="titles clearfix">
                                <span class="img title-item">图标</span>
                                <span class="name title-item">名称</span>
                                <span class="price title-item">价格</span>
                                <span class="num title-item">卖出</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/1.gif">
                                </span>
                                <span class="name">祝福药水(100)</span>
                                <span class="price">99999999</span>
                                <span class="num">10000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/1.gif">
                                </span>
                                <span class="name">祝福药水(100)</span>
                                <span class="price">99999999</span>
                                <span class="num">10000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/3.gif">
                                </span>
                                <span class="name">涅槃兽·精灵球(999)</span>
                                <span class="price">999999</span>
                                <span class="num">1000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/3.gif">
                                </span>
                                <span class="name">涅槃兽·精灵球(999)</span>
                                <span class="price">999999</span>
                                <span class="num">1000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/1.gif">
                                </span>
                                <span class="name">祝福药水(100)</span>
                                <span class="price">99999999</span>
                                <span class="num">10000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/1.gif">
                                </span>
                                <span class="name">祝福药水(100)</span>
                                <span class="price">99999999</span>
                                <span class="num">10000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/3.gif">
                                </span>
                                <span class="name">涅槃兽·精灵球(999)</span>
                                <span class="price">999999</span>
                                <span class="num">1000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/3.gif">
                                </span>
                                <span class="name">涅槃兽·精灵球(999)</span>
                                <span class="price">999999</span>
                                <span class="num">1000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/1.gif">
                                </span>
                                <span class="name">祝福药水(100)</span>
                                <span class="price">99999999</span>
                                <span class="num">10000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/1.gif">
                                </span>
                                <span class="name">祝福药水(100)</span>
                                <span class="price">99999999</span>
                                <span class="num">10000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/3.gif">
                                </span>
                                <span class="name">涅槃兽·精灵球(999)</span>
                                <span class="price">999999</span>
                                <span class="num">1000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/3.gif">
                                </span>
                                <span class="name">涅槃兽·精灵球(999)</span>
                                <span class="price">999999</span>
                                <span class="num">1000</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="backpack city-component fl">
                    <div class="title-logo"></div>
                    <div class="back-list prop-list">
                        <ul>
                            <li class="titles clearfix">
                                <span class="img title-item">图标</span>
                                <span class="name title-item">名称</span>
                                <span class="price title-item">价格</span>
                                <span class="num title-item">数量</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/1.gif">
                                </span>
                                <span class="name">祝福药水(100)</span>
                                <span class="price">99999999</span>
                                <span class="num">10000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/3.gif">
                                </span>
                                <span class="name">涅槃兽·精灵球</span>
                                <span class="price">999999</span>
                                <span class="num">1000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/3.gif">
                                </span>
                                <span class="name">涅槃兽·精灵球</span>
                                <span class="price">999999</span>
                                <span class="num">1000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/1.gif">
                                </span>
                                <span class="name">祝福药水(大)</span>
                                <span class="price">99999999</span>
                                <span class="num">10000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/1.gif">
                                </span>
                                <span class="name">祝福药水(大)</span>
                                <span class="price">99999999</span>
                                <span class="num">10000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/3.gif">
                                </span>
                                <span class="name">涅槃兽·精灵球</span>
                                <span class="price">999999</span>
                                <span class="num">1000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/3.gif">
                                </span>
                                <span class="name">涅槃兽·精灵球</span>
                                <span class="price">999999</span>
                                <span class="num">1000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/1.gif">
                                </span>
                                <span class="name">祝福药水(大)</span>
                                <span class="price">99999999</span>
                                <span class="num">10000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/1.gif">
                                </span>
                                <span class="name">祝福药水(大)</span>
                                <span class="price">99999999</span>
                                <span class="num">10000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/3.gif">
                                </span>
                                <span class="name">涅槃兽·精灵球</span>
                                <span class="price">999999</span>
                                <span class="num">1000</span>
                            </li>
                            <li class="prop-item">
                                <span class="img">
                                    <img src="../images/backpack/3.gif">
                                </span>
                                <span class="name">涅槃兽·精灵球</span>
                                <span class="price">999999</span>
                                <span class="num">1000</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="buy-group">
                <div class="all">
                    <span>数量:</span>
                    <input type="number">
                    <div class="buy-img">
                        <span>购买</span>
                    </div>
                    <div class="auction-img">
                        <span>拍卖</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="../js/city/exchange.js"></script>
</body>

</html>